$font-color-gray: rgba(147,147,147);
$btn-border-radius: 3px;

// flex 居中布局
.center{
    display: flex;
    justify-content: center;
    align-items: center;
}

// span 标签基础样式
.baseSpan{
    display: inline-block;
    padding: 0px 12px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
}

// 控件按钮样式
.controlBtn{
    @extend .center;
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    cursor: pointer;
    border-radius: $btn-border-radius;
    transition: all 0.3s;
    margin-bottom: 5px;
    &:hover{
        background-color: rgba(0,0,0,0.8);
    }
}

